<meta charset="utf-8" />
<div class="breadcrumbs" id="breadcrumbs">
	<ul class="breadcrumb">
		<li><i class="ace-icon fa fa-home home-icon"></i> <a href="index">主页</a></li>

		<li><span>控制台</span></li>
	</ul>
	<!-- /.breadcrumb -->
</div>
<div class="page-content">



	<div class="row">
		<div class="col-xs-12">
			<div class="table-header">日领料单</div>
			
			<form action="search" method="post">
				<div class="col-xs-12"></div>
				<div class="col-xs-0">
					<input type="text" name="keywords" placeholder="请输入订单编号" style="width:150px;height:31px"> <input type="submit" value="查找" style="width:50px;height:31px">
					<input type="text" name="keywords" placeholder="请输入产品名称" style="width:150px;height:31px"> <input type="submit" value="查找" style="width:50px;height:31px">
					<input type="text" name="keywords" placeholder="请输入物料编号" style="width:150px;height:31px"> <input type="submit" value="查找" style="width:50px;height:31px">
					<div class="pull-right">
					<a href="#" class="_p btn btn-mini btn-primary">领料单下达</a>
					</div>
				</div>
			
			</form>
            <div style="text-align:right;">
		   
	         </div>
			<div class="row">
				<div class="col-xs-12">
					<table class="table table-striped table-bordered table-hover" id="simple-table">
						<thead>
							<tr>

								<th colspan="8">计划编号：20160801</th>

							</tr>



							<tr>
								<th class="center"><label class="pos-rel"> <input type="checkbox" class="ace"> <span class="lbl"></span> </label></th>
								<th class="hidden-480">生产班组名称</th>
								<th class="hidden-480">订单编号</th>
								<th class="hidden-480">产品名称</th>
								<th class="hidden-480">物料编号</th>
								<th>物料名称</th>
								<th>领料数量</th>
								<th>操作</th>
							</tr>
						</thead>

						<tbody>
							<tr>
								<td class="center"><label class="pos-rel"> <input type="checkbox" class="ace"> <span class="lbl"></span> </label></td>

								<!-- <td>20140708</td> -->
								<td>表贴组</td>
								<td class="hidden-480">20160726001</td>
								<td>产品3</td>

								<td class="hidden-480">编号3</td>
								<td>物料3</td>
								<td>200</td>


								<td>
								
								 <div class="hidden-sm hidden-xs action-buttons">
										<a href="javascript:addForm()" class="blue">
                                           <i class="uri-icon ace-icon fa fa-plus center bigger-110"></i> </a>
	                                     <a href="javascript:editForm()" class="green">
                                            <i  class="ace-icon fa fa-pencil bigger-130"></i> </a>
										<a href="#" onclick="retrun confirm('确定删除吗？');" class="red">
										   <i  class="ace-icon fa fa-trash-o bigger-130"></i> </a>
											
									</div>
								
							
									

									<div class="hidden-md hidden-lg">
										<div class="inline pos-rel">
											<button data-position="auto" data-toggle="dropdown" class="btn btn-minier btn-primary dropdown-toggle">
												<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
											</button>

											<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a title="" data-rel="tooltip" class="tooltip-info" href="" data-original-title="View"> <span class="blue"> <i class="ace-icon fa fa-search-plus bigger-120"></i> </span> </a></li>

												<li><a title="" data-rel="tooltip" class="tooltip-success" href="" data-original-title="Edit"> <span class="green"> <i class="ace-icon fa fa-pencil-square-o bigger-120"></i> </span> </a></li>

												<li><a title="" data-rel="tooltip" class="tooltip-error" href="#" data-original-title="Delete"> <span class="red"> <i class="ace-icon fa fa-trash-o bigger-120"></i> </span> </a></li>
											</ul>
										</div>
									</div>
									</td>
							</tr>
							<tr>
								<td class="center"><label class="pos-rel"> <input type="checkbox" class="ace"> <span class="lbl"></span> </label></td>

								<!-- <td>20140708</td> -->
								<td>表贴组</td>
								<td class="hidden-480">20160728001</td>
								<td>产品1</td>

								<td class="hidden-480">编号1</td>
								<td>物料1</td>
								<td>100</td>


								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a href="javascript:addForm()" class="blue">
                                           <i class="uri-icon ace-icon fa fa-plus center bigger-110"></i> </a>
	                                     <a href="javascript:editForm()" class="green">
                                            <i  class="ace-icon fa fa-pencil bigger-130"></i> </a>
										<a href="#" onclick="retrun confirm('确定删除吗？');" class="red">
										   <i  class="ace-icon fa fa-trash-o bigger-130"></i> </a>
											
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline pos-rel">
											<button data-position="auto" data-toggle="dropdown" class="btn btn-minier btn-primary dropdown-toggle">
												<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
											</button>

											<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a title="" data-rel="tooltip" class="tooltip-info" href="#" data-original-title="View"> <span class="blue"> <i class="ace-icon fa fa-search-plus bigger-120"></i> </span> </a></li>

												<li><a title="" data-rel="tooltip" class="tooltip-success" href="#" data-original-title="Edit"> <span class="green"> <i class="ace-icon fa fa-pencil-square-o bigger-120"></i> </span> </a></li>

												<li><a title="" data-rel="tooltip" class="tooltip-error" href="#" data-original-title="Delete"> <span class="red"> <i class="ace-icon fa fa-trash-o bigger-120"></i> </span> </a></li>
											</ul>
										</div>
									</div></td>
							</tr>

							<tr>
								<td class="center"><label class="pos-rel"> <input type="checkbox" class="ace"> <span class="lbl"></span> </label></td>

								<!-- <td>20140708</td> -->
								<td>表贴组</td>
								<td class="hidden-480">20160725001</td>
								<td>产品1</td>

								<td class="hidden-480">编号1</td>
								<td>物料1</td>
								<td>200</td>


								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a href="javascript:addForm()" class="blue">
                                           <i class="uri-icon ace-icon fa fa-plus center bigger-110"></i> </a>
	                                     <a href="javascript:editForm()" class="green">
                                            <i  class="ace-icon fa fa-pencil bigger-130"></i> </a>
										<a href="#" onclick="retrun confirm('确定删除吗？');" class="red">
										   <i  class="ace-icon fa fa-trash-o bigger-130"></i> </a>
											
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline pos-rel">
											<button data-position="auto" data-toggle="dropdown" class="btn btn-minier btn-primary dropdown-toggle">
												<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
											</button>

											<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a title="" data-rel="tooltip" class="tooltip-info" href="/mes/user/index4" data-original-title="View"> <span class="blue"> <i class="ace-icon fa fa-search-plus bigger-120"></i> </span> </a></li>

												<li><a title="" data-rel="tooltip" class="tooltip-success" href="/mes/user/index4" data-original-title="Edit"> <span class="green"> <i class="ace-icon fa fa-pencil-square-o bigger-120"></i> </span> </a></li>

												<li><a title="" data-rel="tooltip" class="tooltip-error" href="#" data-original-title="Delete"> <span class="red"> <i class="ace-icon fa fa-trash-o bigger-120"></i> </span> </a></li>
											</ul>
										</div>
									</div></td>
							</tr>

							<tr>
								<td class="center"><label class="pos-rel"> <input type="checkbox" class="ace"> <span class="lbl"></span> </label></td>

								<!-- <td>20140708</td> -->
								<td>表贴组</td>
								<td class="hidden-480">20160725001</td>
								<td>产品2</td>

								<td class="hidden-480">编号2</td>
								<td>物料2</td>
								<td>200</td>


								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a href="javascript:addForm()" class="blue">
                                           <i class="uri-icon ace-icon fa fa-plus center bigger-110"></i> </a>
	                                     <a href="javascript:editForm()" class="green">
                                            <i  class="ace-icon fa fa-pencil bigger-130"></i> </a>
										<a href="#" onclick="retrun confirm('确定删除吗？');" class="red">
										   <i  class="ace-icon fa fa-trash-o bigger-130"></i> </a>
											
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline pos-rel">
											<button data-position="auto" data-toggle="dropdown" class="btn btn-minier btn-primary dropdown-toggle">
												<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
											</button>

											<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li><a title="" data-rel="tooltip" class="tooltip-info" href="#" data-original-title="View"> <span class="blue"> <i class="ace-icon fa fa-search-plus bigger-120"></i> </span> </a></li>

												<li><a title="" data-rel="tooltip" class="tooltip-success" href="#" data-original-title="Edit"> <span class="green"> <i class="ace-icon fa fa-pencil-square-o bigger-120"></i> </span> </a></li>

												<li><a title="" data-rel="tooltip" class="tooltip-error" href="#" data-original-title="Delete"> <span class="red"> <i class="ace-icon fa fa-trash-o bigger-120"></i> </span> </a></li>
											</ul>
										</div>
									</div></td>
							</tr>
						</tbody>
					</table>
					
			<div class="row">
						<div class="col-xs-6">
							<!-- <div class="dataTables_info" id="dynamic-table_info"
								role="status" aria-live="polite">Showing 1 to 10 of 23
								entries</div> -->

						</div>
						<div class="col-xs-6">
							<div class="dataTables_paginate paging_simple_numbers"
								id="dynamic-table_paginate">
								<ul class="pagination">
									<li class="paginate_button previous disabled"
										aria-controls="dynamic-table" tabindex="0"
										id="dynamic-table_previous"><a href="#">上一页</a></li>
									<li class="paginate_button active"
										aria-controls="dynamic-table" tabindex="0"><a href="#">1</a>
									</li>
									<li class="paginate_button next disabled" aria-controls="dynamic-table"
										tabindex="0" id="dynamic-table_next"><a href="#">下一页</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					
					<div class="hr hr-18 dotted hr-double"></div>
				
				</div>
				<!-- /.span -->
			</div>
			<!-- /.row -->




		</div>
		<!-- /.col -->
	</div>
</div>
<!-- /.page-content -->

<div class="hide" id="add">
	<form id="pform" action="scjhgl/c" method="post">
		<input type="hidden" name="order.id">
		<div class="form-group">
			<label class="col-sm-3 control-label no-padding-right"
				for="form-field-1">请输入生产班组名</label>
			<div class="col-sm-9">
				<input type="text" class="form-control" value="" name="order.order_code" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label no-padding-right"
				for="form-field-1">请输入订单编号</label>
			<div class="col-sm-9">
				<input type="text" class="form-control" name="order.order_type" id="str1"
					value="" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label no-padding-right"
				for="form-field-1">请输入物料编号</label>
			<div class="col-sm-9">
				<input type="text" class="form-control" name="order.pro_code" id="str2"
					value="" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label no-padding-right"
				for="form-field-1">请输入物料名称</label>
			<div class="col-sm-9">
				<input type="text" class="form-control" name="order.pro_name" id="str2"
					value="" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label no-padding-right"
				for="form-field-1">请输入领料数量</label>
			<div class="col-sm-9">
				<input type="text" class="form-control" name="order.pro_type" id="str2"
					value="" />
			</div>
		</div>
	</form>
</div>
<script type="text/javascript">
	function addForm() {
		document.getElementById("pform").reset();
		$('#add').removeClass("hide");
		userModel = layer.open({
			type : 1,
			shade : [ 0.5 ],
			title : '增加订单', //不显示标题
			area : [ '40%', '340px' ],  //显示空间
			content : $('#add'), //捕获的元素
			btn : [ '提交', '取消' ],
			yes : function(index, layero) { //或者使用btn1
				$.post("add", $("#pform").serialize(), function(data) {
				
					layer.close(index);
						$('#add').addClass("hide");
						document.getElementById("pform").submit();
				});
			},
			cancel : function(index) {
				layer.close(index);
				$('#add').addClass("hide");  //取消继续隐藏
			},
		});
	};
</script>
<script type="text/javascript">
	function editForm() {
		document.getElementById("pform").reset();
		$('#add').removeClass("hide");
		userModel = layer.open({
			type : 1,
			shade : [ 0.5 ],
			title : '修改订单', //不显示标题
			area : [ '40%', '340px' ],  //显示空间
			content : $('#add'), //捕获的元素
			btn : [ '提交', '取消' ],
			yes : function(index, layero) { //或者使用btn1
				$.post("add", $("#pform").serialize(), function(data) {
				
					layer.close(index);
						$('#add').addClass("hide");
						document.getElementById("pform").submit();
				});
			},
			cancel : function(index) {
				layer.close(index);
				$('#add').addClass("hide");  //取消继续隐藏
			},
		});
	};
</script>